import { defineComponent } from 'vue'
import { Button as TButton, Card as TCard } from 'tdesign-vue-next'

export default defineComponent({
  name: 'HomePage',
  setup() {
    const handleClick = () => {
      console.log('按钮被点击了')
    }

    return () => (
      <div class="home-page p-4">
        <TCard title="欢迎使用 Vue 3 全家桶项目" bordered={false}>
          <p class="text-gray-600 mb-4">这是一个使用 Vue 3 + TSX + Vite + TDesign + Unocss 构建的项目</p>
          <TButton theme="primary" onClick={handleClick}>点击我</TButton>
        </TCard>
      </div>
    )
  }
})